<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>用户详情</title>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/fonts/line-icons.css}">

    <link th:href="@{/assets/plugins/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/plugins/datatables/buttons.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/assets/plugins/datatables/responsive.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/main.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/responsive.css}">

    <style>
        #sum sup{
            font-size:30px ;
        }
    </style>

</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">
        <div class="header navbar">
            <div class="header-container">
                <ul class="nav-left">
                    <li>
                        <a href="javascript:history.back(-1);">
                            <i class="lni-chevron-left" style="border: transparent;"></i>
                        </a>
                    </li>
                </ul>
                <ul class="nav-right" style="margin-right: 20px;">
                    <li class="user-profile dropdown dropdown-animated scale-left">
                        <a href="/">
                            首页
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-container" style="padding: 64px 0 0 0!important;">
            <div class="main-content" style="padding-top: 15px!important;">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                                <div class="card" style="margin-bottom: 15px;height: 150px;padding-left: 15px;background-color: darkred;">
                                    <div style="text-align: center;line-height: 150px;font-size: large;" >
                                        <div style="color:  white;text-align: center;line-height: 50px;font-size: large; " >
                                            我的收益
                                        </div>
                                        <div id="sum" style="color: white;text-align: center;line-height: 100px;font-size: 80px;margin-top: -15px;" th:text="${SumWelfareMoney}">
<!--                                            ${#numbers.formatDecimal(num,1,'COMMA',2,'POINT')}  ${SumWelfareMoney}-->
                                        </div>
                                    </div>

                                </div>
                                <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                    <a th:href="@{/front/user/lowerUsers}">
                                        <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.5rem;margin-top: 10px;">
                                            <i class="lni-users"></i></div>
                                        <span style="vertical-align: middle!important;padding-left: 10px;">我的下级用户</span>
                                    </a>
                                </div>
                                <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                    <a th:href="@{/front/orderPhone/getAllByReferId(referId=${session.userEntity.id})}">
                                        <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.5rem;margin-top: 10px;"><i class="lni-world"></i></div>
                                        <span style="vertical-align: middle!important;padding-left: 10px;">我的下级订单</span>
                                    </a>
                                </div>
                            <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                    <a th:href="@{/front/orderPhone/getAllByUserId(userId=${session.userEntity.id})}">
                                        <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.5rem;margin-top: 10px;"><i class="lni-search"></i></div>
                                        <span style="vertical-align: middle!important;padding-left: 10px;">我的订单</span>
                                    </a>
                                </div>
                            <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                    <a th:href="@{/front/user/updatePw(id=${session.userEntity.id})}">
                                        <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.4rem;margin-top: 7px;">
                                            <i class="lni-pencil-alt"></i>
                                        </div>
                                        <span style="vertical-align: middle!important;padding-left: 10px;">修改密码</span>
                                    </a>
                            </div>
                            <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                    <a th:href="@{/front/user/userInfo(id=${session.userEntity.id})}">
                                        <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.4rem;margin-top: 7px;">
                                            <i class="lni-user"></i>
                                        </div>
                                        <span style="vertical-align: middle!important;padding-left: 10px;">修改个人信息</span>
                                    </a>
                            </div>


                            <div class="card" style="margin-bottom: 15px;height: 40px;padding-left: 15px;">
                                <a th:href="@{/front/user/paymentAccount(id=${session.userEntity.id})}">
                                    <div class="d-inline-block" style="vertical-align: middle!important;font-size: 1.4rem;margin-top: 7px;">
                                        <i class="lni-cog"></i>
                                    </div>
                                    <span style="vertical-align: middle!important;padding-left: 10px;">绑定收款账号</span>
                                </a>
                            </div>


                            <div class="card" style="margin-bottom: 15px;">
                                    <a th:href="@{/front/user/yaoqing(referId=${session.userEntity.id})}">
                                        <button type="button" class="btn btn-warning text-white w-100"><span>邀请有奖</span></button>
                                    </a>
                                </div>
                            <div class="card" style="margin-bottom: 15px;">
                                    <a th:href="@{/com/logout/front}">
                                        <button type="button" class="btn btn-danger w-100" style="background-color: darkgray; border: 0px;"><span>退出登录</span></button>
                                    </a>
                                </div>
                        </div>
                    </div>

                </div>


            </div>

        </div>
    </div>

    <div id="preloader">
        <div class="loader" id="loader-1"></div>
    </div>

    <script th:src="@{/assets/js/jquery-min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/jquery.app.js}"></script>
    <script th:src="@{/assets/js/main.js}"></script>

    <script th:src="@{/assets/plugins/datatables/jquery.dataTables.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/dataTables.bootstrap4.min.js}"></script>

    <script th:src="@{/assets/plugins/datatables/dataTables.buttons.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/buttons.bootstrap4.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/jszip.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/pdfmake.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/vfs_fonts.js}"></script>
    <script th:src="@{/assets/plugins/datatables/buttons.html5.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/buttons.print.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/buttons.colVis.min.js}"></script>

    <script th:src="@{/assets/plugins/datatables/dataTables.responsive.min.js}"></script>
    <script th:src="@{/assets/plugins/datatables/responsive.bootstrap4.min.js}"></script>

    <script th:src="@{/assets/js/datatables.init.js}"></script>
</div>
</body>
<script type="text/javascript">

    $(function(){
        var wb = $("#sum").text()

//这里会得到切割数组
        var fg = wb.split(".")

        var fgOne = fg[0]    //88

        fgTwo = fg[1]      //2
        //  获取到p标签，用html()方法动态拼接页面内容，这样就得到结果了
        $('#sum').html(fgOne + "." +  "<sup style='top: 0px;'>" +  fgTwo + "</sup>")
    })

</script>

</html>








